<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Expires" content="Sun, 7 May 2000 12:04:32 GMT"/>
<link type="text/css" rel="stylesheet" href="http://jqueryui.com/themes/base/ui.all.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/cust-smooth/jquery-ui-1.8.16.custom.css" />
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="js/tabcontrol.js"></script>
<style type="text/css">
.ui-tabs .ui-tabs-hide {
    position: absolute;
    left: -10000px;
}
/* <![CDATA[ */
/* ]]> */
</style>
<script type="text/javascript" >
function test() {
var sw = new TabSwitcher('tabs');
app = new Object();
app.sw = sw;
sw.add( {
   tabID: 'tabs-1',
   title: 'Tab1',
   init: function() { $('#tabs-1').append('<a href="#" onclick="app.sw.remove('+'\'tabs-1\'); return false;">Init Tab1</a>'); },
   show: function() { $('#tabs-1').append('<p>Show Tab1</p>'); },
   hide: function() { $('#tabs-1').append('<p>Hide Tab1</p>'); } 
} );
sw.add( {
   tabID: 'tabs-2',
   title: 'Tab2',
   init: function() { $('#tabs-2').append('<p>Init Tab2</p>'); },
   show: function() { $('#tabs-2').append('<p>Show Tab2</p>'); },
   hide: function() { $('#tabs-2').append('<p>Hide Tab2</p>'); } 
} );
sw.add( {
   tabID: 'tabs-3',
   title: 'Tab3',
   init: function() { $('#tabs-3').append('<p>Init Tab3</p>'); },
   show: function() { $('#tabs-3').append('<p>Show Tab3</p>'); },
   hide: function() { $('#tabs-3').append('<p>Hide Tab3</p>'); } 
} );

sw.SwitchTo( 'tabs-2' );
sw.SwitchTo( 'tabs-3' );
}
</script>
</head>

<body onload = "test();">
<div id="paginator">
<p>Click tabs to swap between content that is broken into logical sections.</p>
</div>
<div id="tabs"><ul></ul></div>
</body>
</html>
